﻿<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
    <title></title>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <link href="/js/jquery-easyui-1.4/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/js/jquery-easyui-1.4/themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery-easyui-1.4/jquery-1.8.0.min.js" type="text/javascript"></script>
    <script src="/js/jquery-easyui-1.4/jquery.easyui.min.js" type="text/javascript"></script>
    <script src="/js/jquery-easyui-1.4/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script src="/js//base.js" type="text/javascript"></script>
    <script src="/js/jquery.showLoading.min.js" type="text/javascript"></script>
    <link href="/js/showLoading.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/js/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css" />
    <script type="text/javascript" src="/js/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script src="/js/ajaxfileupload.js" type="text/javascript"></script>
    <script src="RoleManager.js" type="text/javascript"></script>

</head>
<body class="easyui-layout">

    <div id="panel_north" data-options="region:'north',collapsible:false,split:false" style="padding:3px 2px;background-color: #fafafa;">
        <a class="easyui-linkbutton btn_add" href="javascript:;" iconCls="icon-add" plain="true">添加角色</a>
        <a class="easyui-linkbutton btn_modify" href="javascript:;" iconCls="icon-edit" plain="true">修改角色</a>
        <a class="easyui-linkbutton btn_del" href="javascript:;" iconCls="icon-remove" plain="true">删除角色</a>
        <a class="easyui-linkbutton btn_save" href="javascript:;" iconCls="icon-save" plain="true">保存</a>
        <a href="javascript:window.location.reload()" class="easyui-linkbutton" plain="true" iconcls="icon-reload">重载</a>
    </div>

    <!--左边-->
    <div id="panel_west" data-options="region:'west',title:'列表',collapsible:true,split:true" style="width:240px;">
        <ul id="tree_left" class="ztree"></ul>
    </div>

    <div id="panel_center" data-options="region:'center',title:'菜单列表',split:true">
        <ul id="tree_center" class="ztree"></ul>
    </div>


    <div style="display:none;">
        <div id="dlg" style="width:400px;padding:20px;">
            <form class="mainForm">
                <input type="submit" style="display:none;" />
                <input name="id" style="display:none;" />
                <table>
                    <tr>
                        <td>名称:</td>
                        <td>
                            <input name="name" class="easyui-textbox" data-options="required:true,missingMessage:'不能为空'" style="width:180px" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            图标:
                        </td>
                        <td>
                            <a href="#" title="点击上传图片" id="btn_upload" plain="false" class="easyui-linkbutton" onclick="$('#file_icon').click()">
                                <div style="width:16px;height:16px;">
                                    <img id="img_icon" style="border:none;" />
                                </div>
                            </a>
                            <input style="display:none;" id="text_icon" name="icon" value="/icon/group.png" />
                            <input style="display:none;" type="file" id="file_icon" name="iconfile" onchange="onFileIconChange(this);" accept="image/*" />
                            <span style="font-style:italic;color:gray;">上传图片大小低于2M，分辨率建议16*16</span>
                        </td>

                    </tr>
                </table>

            </form>
        </div>

    </div>
    </div>
</body>
</html>
